$big-font-size: 3rem;
$h1-font-size: 2.25rem;
$h2-font-size: 1.5rem;
$h3-font-size: 1.25rem;
$normal-font-size: 1rem;
$small-font-size: .875rem;
$smaller-font-size: .813rem;

$maxwidth:983px;
$minwidth:400px;
$panelheigth:450px;
$havercolor:#6E57E0;
$themecolor:#626aef;
$fontcolor:#000;
:root{
    --mainfontcolor:$fontcolor
}
[theme="light"]{
    background-color: #fff;
    $fontcolor:#000; 
    font-family:'Poppins', sans-serif; 
    h1,h2,h3{
        color:  $fontcolor;
    }
    --mainfontcolor:#000;
}
[theme="dark"]{
    background-color: #000;
    $fontcolor:#fff;
    font-family:'Poppins', sans-serif; 
    h1,h2,h3{
        color:  $fontcolor;
    }
    --mainfontcolor:#fff;
}